diff options
Diffstat (limited to 'pages/post/[id].tsx')
| -rw-r--r-- | pages/post/[id].tsx | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx index 3144057..23ce14e 100644 --- a/pages/post/[id].tsx +++ b/pages/post/[id].tsx @@ -10,7 +10,7 @@ import Image from '../../components/image'; import Chapters, { chapter } from '../../components/chapters'; import Tags from '../../components/tag'; -interface ArticleMeta { +export interface ArticleMeta { title?: string; subtitle?: string; author?: string; @@ -19,6 +19,16 @@ interface ArticleMeta { chapters?: Array<chapter>; } +export function RenderedArticle(props: { content: string }) { + return <ReactMarkdown + children={props.content} + renderers={{ + image: Image, + thematicBreak: Seperator, + heading: Heading, + }}/>; +} + var headingLevel = (input: string) => input?.match(/^[#]+/)[0]?.length || 0; var sectionID = (input: string) => input @@ -52,13 +62,7 @@ export default function Post(props: { </div> </div> <div className="contentWrapper"> - <ReactMarkdown - children={props.content} - renderers={{ - image: Image, - thematicBreak: Seperator, - heading: Heading, - }}/> + <RenderedArticle content={props.content}/> </div> </div> </div> |